<style>
.wrapper {
  width: 200px;
}
.row  {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.icon {
  color: white;
}
.rtl {
    direction: rtl;
}
</style>
<p>crbug.com/762978: There should be an ellipsis in both lines below.</p>
<div class="wrapper">
  <div class="row">
    <span class="icon">
      T
    </span>
    <span class="label">
      This text should truncate with ellipsis
    </span>
  </div>
</div>
<div class="wrapper">
  <div class="row rtl">
    <span class="label">
      This text should truncate with ellipsis
    </span>
    <span class="icon">
      T
    </span>
  </div>
</div>
